
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">

<head>
    <meta http-equiv="Content-Type" content="text/html;charset=UTF-8">
    <title>Document</title>
    <link rel="stylesheet" href="css/base.css" />
    <link rel="stylesheet" href="css/element.css" />
    <link rel="stylesheet" href="css/main.css" />
</head>

<body>
<div class="top-bar">
    <div class="container clearfix">
        <p class="left">
                <a href="article_detail.html?typeid=1001">保单验证</a> |
                <a href="article_detail.html?typeid=1002">信息披露</a> |
                <a href="article_detail.html?typeid=1003">关于我们</a> |
                <a href="article_detail.html?typeid=1004">联系我们</a>
        </p>
        <p class="right">
            <a href="login.html">登陆</a> |
            <a href="register.html">注册</a>
        </p>
    </div>
</div>
<div class="top-header">
    <div class="container clearfix">
        <a href="index.html" class="logo">
            <img src="images/logo.png" alt="" width="177" height="47" />
        </a>
        <ul class="header-nav">
            <li><a target="_self" href="index.html">首 页</a></li>
            <li><a class="on" target="_self" href="products_list.html">全部保险产品</a></li>
            <li><a target="_self" href="claims.html">保险理赔</a></li>
            <li><a target="_self" href="">企业团险</a></li>
            <li><a target="_self" href="center_orders.html">我的保单</a></li>
        </ul>
        <div class="header-rnav right">
            <a href="private_custom.html">
                <i class="i1"></i>
                定制
            </a>
            <a href="">
                <i class="i2"></i>
                公众号
            </a>
        </div>
    </div>
</div>
<div class="container list-filter clearfix">
    <dl class="clearfix">
        <dt>保险公司</dt>
        <dd><a data-id="43211" href="">不限</a></dd>
        <dd><a data-id="43212" href="">平安保险</a></dd>
        <dd><a data-id="43215" href="">太平洋保险</a></dd>
        <dd><a data-id="43217" href="">阳光保险</a></dd>
        <dd><a data-id="43218" href="">安联保险</a></dd>
        <dd><a data-id="43219" href="">泰康保险</a></dd>
        <dd><a data-id="43224" href="">美亚保险</a></dd>
        <dd><a data-id="43234" href="">人保寿险</a></dd>
        <dd><a data-id="43254" href="">大众保险</a></dd>
        <dd><a data-id="43264" href="">太平洋保险</a></dd>
        <dd><a data-id="43304" href="">阳光保险</a></dd>
        <dd><a data-id="43414" href="">安联保险</a></dd>
        <dd><a data-id="43504" href="">泰康保险</a></dd>
        <dd><a data-id="43254" href="">美亚保险</a></dd>
        <dd><a data-id="43344" href="">人保寿险</a></dd>
        <dd><a data-id="43334" href="">大众保险</a></dd>
    </dl>
    <dl class="clearfix">   
        <dt>保障期限</dt>
        <dd><a data-id="235" href="">不限</a></dd>
        <dd><a data-id="236" href="">7天</a></dd>
        <dd><a data-id="237" href="">15天</a></dd>
        <dd><a data-id="238" href="">30天</a></dd>
        <dd><a data-id="239" href="">90天</a></dd>
        <dd><a data-id="240" href="">180天</a></dd>
        <dd><a data-id="244" href="">1年</a></dd>
    </dl>
    <dl class="clearfix"> 
        <dt>保障人群</dt>
        <dd><a class="on" href="">不限</a></dd>
        <dd><a href="">成人</a></dd>
        <dd><a href="">少儿</a></dd>
        <dd><a href="">老人</a></dd>
    </dl>
    <dl class="clearfix"> 
        <dt>保障额度</dt>
        <dd><a class="on" href="">不限</a></dd>
        <dd><a href="">10万以下</a></dd>
        <dd><a href="">10-50万</a></dd>
        <dd><a href="">50万-100万</a></dd>
    </dl>
</div>

<script>
  document.querySelector('a[data-id="43344"]').className = 'on'
</script>

<div class="products-list container" id="listCtrl">
   <div class="products-list-item clearfix">
       <div class="img">
           <img src="images/product_list_1.png" height="200" width="300" alt="" />
       </div>
       <div class="product-list-item-desc">
           <h2>中老年骨折意外险</h2>
           <table>
               <tr>
                   <td style="width:7em">保险特点 :</td>
                   <td class="cGray">50-80岁 /  老年人定制 / 骨折津贴</td>
               </tr>
               <tr>
                   <td valign="top">保障额度 : </td>
                   <td class="cGray">
                    <table>
                        <tr>
                            <td>意外身故、残疾</td>
                            <td>100000 元</td>
                        </tr>
                        <tr>
                            <td>意外骨折和脱臼</td>
                            <td>200000 元</td>
                        </tr>
                        <tr>
                            <td>意外骨折津贴</td>
                            <td>200元/天</td>
                        </tr>
                    </table>
                   </td>
               </tr>
           </table>
           <div class="min-logo"></div>
       </div>
       <div class="btn-wrap">
           <p class="product-price">
               200 <sub class="cGray">元/年</sub>
           </p>
           <a href="prodcut_detail.html" class="detail-btn">查详详情</a>
           <p class="cGray">已售 200023 份</p>
       </div>
   </div>
   <div class="products-list-item clearfix">
       <div class="img">
           <img src="images/product_list_1.png" height="200" width="300" alt="" />
       </div>
       <div class="product-list-item-desc">
           <h2>中老年骨折意外险</h2>
           <table>
               <tr>
                   <td style="width:7em">保险特点 :</td>
                   <td class="cGray">50-80岁 /  老年人定制 / 骨折津贴</td>
               </tr>
               <tr>
                   <td valign="top">保障额度 : </td>
                   <td class="cGray">
                    <table>
                        <tr>
                            <td>意外身故、残疾</td>
                            <td>100000 元</td>
                        </tr>
                        <tr>
                            <td>意外骨折和脱臼</td>
                            <td>200000 元</td>
                        </tr>
                        <tr>
                            <td>意外骨折津贴</td>
                            <td>200元/天</td>
                        </tr>
                    </table>
                   </td>
               </tr>
           </table>
           <div class="min-logo"></div>
       </div>
       <div class="btn-wrap">
           <p class="product-price">
               200 <sub class="cGray">元/年</sub>
           </p>
           <a href="prodcut_detail.html" class="detail-btn">查详详情</a>
           <p class="cGray">已售 200023 份</p>
       </div>
   </div>
   <div class="products-list-item clearfix">
       <div class="img">
           <img src="images/product_list_1.png" height="200" width="300" alt="" />
       </div>
       <div class="product-list-item-desc">
           <h2>中老年骨折意外险</h2>
           <table>
               <tr>
                   <td style="width:7em">保险特点 :</td>
                   <td class="cGray">50-80岁 /  老年人定制 / 骨折津贴</td>
               </tr>
               <tr>
                   <td valign="top">保障额度 : </td>
                   <td class="cGray">
                    <table>
                        <tr>
                            <td>意外身故、残疾</td>
                            <td>100000 元</td>
                        </tr>
                        <tr>
                            <td>意外骨折和脱臼</td>
                            <td>200000 元</td>
                        </tr>
                        <tr>
                            <td>意外骨折津贴</td>
                            <td>200元/天</td>
                        </tr>
                    </table>
                   </td>
               </tr>
           </table>
           <div class="min-logo"></div>
       </div>
       <div class="btn-wrap">
           <p class="product-price">
               200 <sub class="cGray">元/年</sub>
           </p>
           <a href="prodcut_detail.html" class="detail-btn">查详详情</a>
           <p class="cGray">已售 200023 份</p>
       </div>
   </div>
   <div class="products-list-item clearfix">
       <div class="img">
           <img src="images/product_list_1.png" height="200" width="300" alt="" />
       </div>
       <div class="product-list-item-desc">
           <h2>中老年骨折意外险</h2>
           <table>
               <tr>
                   <td style="width:7em">保险特点 :</td>
                   <td class="cGray">50-80岁 /  老年人定制 / 骨折津贴</td>
               </tr>
               <tr>
                   <td valign="top">保障额度 : </td>
                   <td class="cGray">
                    <table>
                        <tr>
                            <td>意外身故、残疾</td>
                            <td>100000 元</td>
                        </tr>
                        <tr>
                            <td>意外骨折和脱臼</td>
                            <td>200000 元</td>
                        </tr>
                        <tr>
                            <td>意外骨折津贴</td>
                            <td>200元/天</td>
                        </tr>
                    </table>
                   </td>
               </tr>
           </table>
           <div class="min-logo"></div>
       </div>
       <div class="btn-wrap">
           <p class="product-price">
               200 <sub class="cGray">元/年</sub>
           </p>
           <a href="prodcut_detail.html" class="detail-btn">查详详情</a>
           <p class="cGray">已售 200023 份</p>
       </div>
   </div>

   <div class="products-list-item clearfix">
       <div class="img">
           <img src="images/product_list_1.png" height="200" width="300" alt="" />
       </div>
       <div class="product-list-item-desc">
           <h2>中老年骨折意外险</h2>
           <table>
               <tr>
                   <td style="width:7em">保险特点 :</td>
                   <td class="cGray">50-80岁 /  老年人定制 / 骨折津贴</td>
               </tr>
               <tr>
                   <td valign="top">保障额度 : </td>
                   <td class="cGray">
                    <table>
                        <tr>
                            <td>意外身故、残疾</td>
                            <td>100000 元</td>
                        </tr>
                        <tr>
                            <td>意外骨折和脱臼</td>
                            <td>200000 元</td>
                        </tr>
                        <tr>
                            <td>意外骨折津贴</td>
                            <td>200元/天</td>
                        </tr>
                    </table>
                   </td>
               </tr>
           </table>
           <div class="min-logo"></div>
       </div>
       <div class="btn-wrap">
           <p class="product-price">
               200 <sub class="cGray">元/年</sub>
           </p>
           <a href="prodcut_detail.html" class="detail-btn">查详详情</a>
           <p class="cGray">已售 200023 份</p>
       </div>
   </div>
   <div class="products-list-item clearfix">
       <div class="img">
           <img src="images/product_list_1.png" height="200" width="300" alt="" />
       </div>
       <div class="product-list-item-desc">
           <h2>中老年骨折意外险</h2>
           <table>
               <tr>
                   <td style="width:7em">保险特点 :</td>
                   <td class="cGray">50-80岁 /  老年人定制 / 骨折津贴</td>
               </tr>
               <tr>
                   <td valign="top">保障额度 : </td>
                   <td class="cGray">
                    <table>
                        <tr>
                            <td>意外身故、残疾</td>
                            <td>100000 元</td>
                        </tr>
                        <tr>
                            <td>意外骨折和脱臼</td>
                            <td>200000 元</td>
                        </tr>
                        <tr>
                            <td>意外骨折津贴</td>
                            <td>200元/天</td>
                        </tr>
                    </table>
                   </td>
               </tr>
           </table>
           <div class="min-logo"></div>
       </div>
       <div class="btn-wrap">
           <p class="product-price">
               200 <sub class="cGray">元/年</sub>
           </p>
           <a href="prodcut_detail.html" class="detail-btn">查详详情</a>
           <p class="cGray">已售 200023 份</p>
       </div>
   </div>

<!-- <el-pagination
  style="padding: 0 28px;text-align: right;"
  :background="true"
  prev-text="上一页"
  next-text="下一页"
  layout="prev, pager, next"
  :page-size="pageSize"
  :total="total"
  @current-change="currentPage">
</el-pagination> -->

<div class="el-pagination is-background" style="padding: 0px 28px; text-align: right;">
    <ul class="el-pager"> 
        <li><a href=" ">首页</a></li> 
        <li><a href="#">上一页</a></li> 
        <li class="active"><a href="">1</a></li>
        <li><a href="">2</a></li>
        <li><a href="">3</a></li>
        <li><a href="">4</a></li>
        <li><a href="http://127.0.0.1:8080/html/1//149/list2.html">下一页</a></li> 
        <li><a href="http://127.0.0.1:8080/html/1//149/list2.html">最末页</a></li> 
    </ul> 
</div>

</div>

    <footer class="footer">
        <div class="container">
            <div class="service-container clearfix">
                <div class="aboutus-list">
                    <ul class="clearfix">
                        <li><a href="article_detail.html?id=3432">平台动态</a></li>
                        <li><a href="article_detail.html?id=3432">关于我们</a></li>
                        <li><a href="article_detail.html?id=124234">帮助中心</a></li>
                        <li><a href="article_detail.html?id=124234">媒体报道</a></li>
                        <li><a href="article_detail.html?id=124234">安全保障</a></li>
                        <li><a href="article_detail.html?id=124234">新手必读</a></li>
                        <li><a href="article_detail.html?id=124234">平台公告</a></li>
                        <li><a href="article_detail.html?id=124234">联系我们</a></li>
                        <li><a href="article_detail.html?id=124234">投研学堂</a></li>
                    </ul>
                </div>
                <ul class="service-qr left">
                    <li>
                        <img src="images/qr_code.png" alt="" width="94" height="94">
                        <p>关注公众号，活动早知道</p>
                    </li>
                    <li>
                        <a href="" target="_blank"><img src="images/qr_code.png" alt="" width="94" height="94"></a>
                        <p>下载APP，随时享收</p>
                    </li>
                </ul>
                <div class="service-list left">
                    <p class="telphone">400-666-8888</p>
                    <p>客服工作时间 08:30-20:30</p>
                    <a href="" class="udesk">一对一专属客服服务</a>
                    <p>service@163.com</p>
                    <p>深圳市福田区深南中路NEO大厦A座24层</p>
                    <div class="border-left"></div>
                </div>
            </div>
        </div>
        <div class="copyright">
            <div class="footer-with-logo">
                <span class="footer-with-logo-icp"><a rel="nofollow" title="ICP备案查询" href="http://www.miitbeian.gov.cn/publish/query/indexFirst.action" target="_blank"></a></span>
                <span class="footer-with-logo-netservice"><a rel="nofollow" title="工商网监" href="" target="_blank"></a></span>
                <!-- <span class="footer-with-logo-vsafe"><a title="安全联盟行业验证" href="" target="_blank"></a></span>  -->
            </div>
            <p>
                <a rel="nofollow" href="http://www.iachina.cn/" target="_blank">中国保险行业协会</a> |
                <a rel="nofollow" href="https://iask.sina.com.cn/search?searchWord=%E4%BF%9D%E9%99%A9&record=1" target="_blank">新浪爱问保险</a> |
                <a rel="nofollow" href="https://insurance.cngold.org/" target="_blank">金投保险</a> |
                <a rel="nofollow" href="" target="_blank">腾讯保险</a> |
                <a rel="nofollow" href="http://www.rmic.cn/" target="_blank">中国保险网</a>
            </p>
            <p>Copyright ©2013-2018 深圳市康达尔（集团）股份有限公司 粤ICP备08029152号</p>
        </div>
    </footer>


    <script src="js/jquery.js"></script>
    <script src="js/vue.js"></script>
    <script src="js/element.js"></script>
    <script>
        new Vue({
          el: '#listCtrl',
          data:function(){
            return {
              pageSize: 10,
              total:50
            }
          },
          methods:{
            currentPage: function(current){
                alert('http://www.baidu.com?pageIndex='+current)
                location.href = 'http://www.baidu.com?pageIndex='+current
            }
          }
        })
    </script>
</body>
</html>